<%@page contentType="text/html" pageEncoding="UTF-8" %>
<%@ taglib prefix="jstl" uri="http://java.sun.com/jsp/jstl/core"  %>

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>登录页面</title>

    <link rel="stylesheet" type="text/css" href="/css/main.css">
    <link rel="stylesheet" href="/css/bootstrap.min.css">
    <script src="/js/jquery-1.12.4.min.js"></script>
    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="/js/bootstrap.min.js"></script>
    <style>
        .container input {
            width: 100%;
        }

        .container div {
            margin: 5px 0px;
        }
        #boder{
            border-style:solid;
            border-width: 1px;
        }
    </style>
</head>
<body>
<div>
<jsp:include page="componse/top_bar.jsp" flush="true"/>
<div class="row" >
    <div class="col-md-6" style="text-align: center;margin-left: 100px">
        <img src="/img/login.jpg"  alt="会员登录" title="会员登录">
    </div>
    <div class="com-md-6"  style="text-align: center;">
        <div style="margin-right: 450px;margin-top: 50px">
            <strong>会员登录</strong>USER LOGIN
        </div>
        <form method="post" action="/login">
            <table id="boder">
                <tbody>
                   <tr>
                       <td>
                           用户名:
                       </td>
                       <td>
                           <input type="text" id="username" name="username"maxlength="15"/>
                       </td>
                   </tr>
                   <tr>
                       <td>
                       密&nbsp;码:
                       </td>
                   <td>
                       <input type="text" id="password" name="password"maxlength="15"autocomplete="off">
                   </td>
                   </tr>
                   <tr>
                       <td>
                           验证码:
                       </td>
                       <td>
                           <input type="text" id="captcha" name="captcha" maxlength="4"autocomplete="off">
                           <img src=""title="点击更换验证码">
                       </td>
                   </tr>
                <tr>
                    <td>
                        &nbsp;
                    </td>
                    <td>
                        <label>
                            <input type="checkbox" id="isRememberUsername" name="isRememberUsername" value="true">
                            记住用户名
                        </label>
                        <label>
                            &nbsp;&nbsp;<a>找回密码</a>
                        </label>
                    </td>
                </tr>
                   <tr>
                       <td>
                           &nbsp;
                       </td>
                       <td>
                           <input type="submit" value="登录">
                       </td>
                   </tr>
                <tr>
                    <td>
                        &nbsp;
                    </td>
                    <td>
                        <dt>还没有注册账号?</dt>
                        <dd>
                            立即注册即可体验在线购物!
                            <a href="/register">立即注册</a>
                        </dd>
                    </td>
                </tr>
                </tbody>
            </table>
        </form>
    </div>
    </div>

<jsp:include page="componse/bottom_bar.jsp" flush="true"/>
</div>
</body>
</html>
